﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	TEST
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

   <div>sd
	<table id="customers" style="display:none"></table>
	<script type="text/javascript">
		$("#customers").flexigrid({
		url: '/FunctionItems/FlexigridList',
			dataType: 'json',
			colModel: [
				{display: 'ID', name: 'CustomerID', width: 40, sortable: true, align: 'left'},
				{display: 'Company', name: 'CompanyName', width: 100, sortable: true, align: 'left'},
				{display: 'Name', name: 'ContactName', width: 100, sortable: true, align: 'left'},
				{display: 'Title', name: 'ContactTitle', width: 100, sortable: true, align: 'left'},
				{display: 'Address', name: 'Address', width: 100, sortable: true, align: 'left'},
				{display: 'City', name: 'City', width: 80, sortable: true, align: 'left'},
				{display: 'Region', name: 'Region', width: 60, sortable: true, align: 'left'},
				{display: 'Postal Code', name: 'Postalcode', width: 80, sortable: true, align: 'left'},
				{display: 'Country', name: 'Country', width: 80, sortable: true, align: 'left'},
				{display: 'Phone', name: 'Phone', width: 80, sortable: true, align: 'left'},
				{display: 'Fax', name: 'Fax', width: 80, sortable: true, align: 'left'}
				],
			searchitems: [
				{display: 'Company', name: 'CompanyName'},
				{display: 'Name', name: 'ContactName'},
				{display: 'Title', name: 'ContactTitle'},
				{display: 'Address', name: 'Address'},
				{display: 'City', name: 'City'},
				{display: 'Country', name: 'Country'}
				],
			sortname: 'CustomerID',
			sortorder: 'asc',
			usepager: true,
			title: 'Customers',
			useRp: true,
			rp: 15,
			showTableToggleBtn: true,
			width: 1040,
			height: 380
		});
	</script>
</div>

</asp:Content>
